<template>
	<el-row class="grill-row-home grill-col--">
		<el-col :span="12" align="center">
			<h2>890<span class="unit">人</span></h2>
			<p>正常打卡</p>
		</el-col>
		<el-col :span="12" align="center">
			<h2>90<span class="unit">人</span></h2>
			<p>异常打卡</p>
		</el-col>
	</el-row>

	<el-divider style="margin: 0"></el-divider>

	<el-row class="grill-row-home grill-col--">
		<el-col :span="8" align="center">
			<span class="min-span-font">迟到：3人</span>
		</el-col>
		<el-col :span="8" align="center">
			<span class="min-span-font">早退：1人</span>
		</el-col>
		<el-col :span="8" align="center">
			<span class="min-span-font">缺卡：4人</span>
		</el-col>
	</el-row>
</template>

<script setup lang="ts"></script>

<style scoped>
p {
	font-size: 6px;
	color: #00000066;
}
.unit {
	font-size: 6px;
	color: #00000066;
}
.min-span-font {
	font-size: 14px;
	color: #00000088;
}
</style>
